<div id="content">
    <h5 class="accept_task">
        <i class="fa fa-tree"></i><strong>个人信息</strong>
    </h5>
    <section id="widget-grid">
        <div class="row" style="margin-bottom: 13px; margin-right:0;">
            <article class="col-xs-12 col-sm-12 col-md-12 col-lg-12 sortable-grid ui-sortable">
                <!-- Widget ID (each widget will need unique ID)-->
                <div data-widget-editbutton="false" data-widget-color="white" data-widget-deletebutton="false" data-jarvis-widget="" class="jarviswidget-color-darken jarviswidget jarviswidget-sortable no-margin jarviswidget-color-white" role="widget">
                    <header role="heading" class="ui-sortable-handle">
                        <div class="jarviswidget-ctrls" role="menu"></div>

                        <h2 style="font-weight: normal;color: black;"><i class="fa fa-user"></i>个人资料</h2>

                    </header>
                    <!-- widget div-->
                    <div role="content" style="display: block; padding: 50px">

                        <!-- widget edit box -->
                        <div class="jarviswidget-editbox">
                            <!-- This area used as dropdown edit box -->
                            <input class="form-control" type="text">
                        </div>
                        <!-- end widget edit box -->

                        <!-- widget content -->
                        <div class="widget-body no-padding"><div class="jarviswidget-editbox"><input class="form-control" type="text"></div>
                            <div class="row border-bottom-user">
                                <div class="col-xs-12 col-sm-12 col-md-2 col-lg-2 text-align-left" id="crop-avatar">
                                    <div class="text-align-center perUser_img avatar-view" title="我的头像">
                                        <img src="{{user.pic}}"/>
                                    </div>

                                </div>
                                <div class="col-xs-12 col-sm-12 col-md-10 col-lg-10">
                                    <div class="perUser_info">
                                        <h6 class="perUser_head" style="margin-top: 20px">
                                            <i class="fa fa-user"></i><span class="margin-left-10 margin-right-5 preUser_name">{{user.id}}</span>
                                            <a href="javascript:void (0)" class="edil_name txt-color-blueDark" title="修改用户昵称" ng-click="edit_curuser()">
                                                <i class="glyphicon1 glyphicon glyphicon-edit" ></i>
                                            </a>
                                            <!-- <div style="position: relative;display: inline-block">
                                                <a href="javascript:void (0)" class="edil_name txt-color-blueDark" title="修改用户昵称">
                                                    <i class="glyphicon1 glyphicon glyphicon-edit" ></i>
                                                </a>
                                                <div class="edil_name_txt_box">
                                                    <div style="width: 59%; display: inline-block">
                                                        <input type="text" class="form-control edil_name_txt">
                                                    </div>
                                                    <button class="btn btn-primary btn-sm btn_submit" ng-click ="edit_username()"><i class="glyphicon glyphicon-ok"></i></button>
                                                    <button class="btn btn-default btn-sm btn_cancel"><i class="glyphicon glyphicon-remove"></i></button>
                                                </div>
                                            </div> -->
                                            <!-- <a class="btn btn-primary check-resuem" href="javascript: void(0)" ng-click>查看简历</a> -->
                                            <!-- <span class="margin-left-10">项目经理</span>丨<span>工程部</span> -->
                                        </h6>
                                        <p class="margin-top-18">
                                            <strong>用户名称：</strong><strong>{{user.name}}</strong>
                                        </p>
                                        <p class="margin-top-18">
                                            <strong>客户名称：</strong><strong>{{user.clientname}}</strong>
                                        </p>
                                        <div class="margin-top-18" style="margin-bottom: 9px;position: relative">

                                            <strong>手机号码：</strong><strong class="preUser_call">{{user.tele}}</strong>

                                            <!-- <a href="javascript:void (0)" class="edil_call txt-color-blueDark" title="修改手机号码">
                                                <i class="glyphicon1 glyphicon glyphicon-edit"></i>
                                            </a> -->
                                            <div class="edil_call_txt_box">
                                                <div style="width: 67%; display: inline-block">
                                                    <input type="text" class="form-control edil_call_txt">
                                                </div>
                                                <button class="btn btn-primary btn-sm call_submit" ng-click="edit_phone()"><i class="glyphicon glyphicon-ok"></i></button>
                                                <button class="btn btn-default btn-sm call_cancel"><i class="glyphicon glyphicon-remove"></i></button>
                                            </div>
                                        </div>
                                        <p class="margin-top-18">
                                            <strong>报警等级：</strong>
                                            <strong>{{user.warn_grade_name}}</strong>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="row border-bottom-user padding-bottom-13">
                                <div class="col-xs-12 col-sm-12 col-md-2 col-lg-2">
                                    <strong>您当前账号安全度</strong>
                                </div>
                                <div class="col-xs-7 col-sm-7 col-md-3 col-lg-3">
                                    <div class="line_box">
                                        <div class="perUser_Line"></div>
                                    </div>
                                </div>
                                <div class="col-xs-5 col-sm-5 col-md-7 col-lg-7">
                                    <strong>安全级别:</strong> <strong style="color: #558987;">强</strong>
                                </div>
                            </div>
                            <div class="row border-bottom-user padding-bottom-13">
                                <div class="col-xs-12 col-sm-12 col-md-2 col-lg-2">
                                    <strong>登录密码</strong>
                                </div>
                                <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
                                    <strong class="font-sm" style="color: #777;">安全性能高的密码可以使账号更安全，建议您定期更换密码，设置一个包含字母，符号或数字中至少两项且长度超过6位的密码。</strong>
                                </div>
                                <div class="col-xs-12 col-sm-12 col-md-2 col-lg-2">
                                    <strong style="color: #3E8E8C;"><i class="glyphicon glyphicon-check spa"></i> <strong>已设置</strong></strong>丨<a style="color: #5D92D9; font-weight: 700" data-ui-sref="app.user.modifyInformation">修改</a>
                                </div>
                            </div>
                        </div>
                        <!-- end widget content -->

                    </div>
                    <!-- end widget div -->


                </div>
            </article>
        </div>

    </section>

    <div class="modal fade in" id="editAlert" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        &times;
                    </button>
                    <h4 class="modal-title" id="myModalLabel">编辑用户</h4>
                </div>
                <div class="modal-body">
                    <form  class="form-horizontal">
                        <div class="form-group">
                            <label for="firstname" class="col-sm-2 control-label">账号</label>
                            <div class="col-sm-9">
                              <input type="text" readonly="true" ng-model="editobj.id" class="form-control"placeholder="账号">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="firstname" class="col-sm-2 control-label">用户名称</label>
                            <div class="col-sm-9">
                              <input type="text" ng-model="editobj.name" class="form-control" placeholder="用户名称">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">客户名称</label>
                            <div class="col-sm-9">
                              <input type="text" ng-model="editobj.clientname" class="form-control"placeholder="客户名称">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="firstname" class="col-sm-2 control-label">报警等级</label>
                            <div class="col-sm-9">
                              <select ng-model="editobj.warn_grade" class="form-control" ng-disabled="purview">
                                  <option value="-1">无</option>
                                  <option value="1">1</option>
                                  <option value="2">2</option>
                                  <option value="3">3</option>
                                  <option value="4">4</option>
                              </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">电话</label>
                            <div class="col-sm-9">
                              <input type="text" ng-model="editobj.tele" class="form-control"placeholder="电话">
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-default"data-dismiss="modal">关闭</button>
                    <button class="btn btn-primary" ng-click="sure_edit()">提交</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
    <script>
        // 修改个人名称
        $(".edil_name").click(function(){
            $(".edil_name_txt_box").toggle();
        });

        $(".btn_cancel").click(function(){
            $(".edil_name_txt_box").hide();
            $(".edil_name_txt").val("");
        });

        // 修改手机号码
        $(".edil_call").click(function(){
            $(".edil_call_txt_box").toggle();
        });

        $(".call_cancel").click(function(){
            $(".edil_call_txt_box").hide();
            $(".edil_call_txt").val("");
        });

        // 绑定手机
        $(".call_bind").text($(".preUser_call").text());

        // 修改qq号码
        $(".edil_qq").click(function(){
            $(".edil_qq_txt_box").toggle();
        });

        $(".qq_cancel").click(function(){
            $(".edil_qq_txt_box").hide();
            $(".edil_qq_txt").val("");
        });


    </script>
</div>